<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <!-- 适口设置-->
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>购物车-07</title>
    <link rel="stylesheet" href="css/base.css"/>
    <!-- 引入css3动画库-->
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link rel="stylesheet" href="css/cart.css"/>
</head>
<body>
    <div class="cart-layout">
        <!-- 头部-->
        <div class="cart-header toolbar">
            <!-- 返回按钮-->
            <a href="#" class="icon-back"></a>
            <!-- 标题-->
            <h4>购物车</h4>
            <!-- 菜单-->
            <a href="#" class="icon-menu"></a>
        </div>
        <!-- 主体-->
        <div class="cart-body">
            <!-- 安全-->
            <div class="safe">
                <p>您正在安全购物环境中，请放心购物</p>
            </div>
            <div class="shop">
                <div class="shop-title">
                    <a href="#" class="checkbox"></a>
                    <div class="title-right">
                        <span class="jd pull-left"></span>
                        <span class="pull-left ml-10">京东自营</span>
                        <span class="pull-right mr-10 free">您享受满99元免运费服务</span>
                    </div>
                </div>
                <div class="shop-con">
                    <a href="#" class="checkbox"></a>
                    <div class="shop-info">
                        <a href="#" class="pic">
                            <img src="images/buy-pro1.jpg" alt=""/>
                        </a>
                        <div class="describe">
                            <p class="hw">华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金</p>
                            <p class="price">1000</p>
                            <div class="option">
                                <div class="number">
                                    <span>-</span>
                                    <input type="text"/>
                                    <span>+</span>
                                </div>
                                <div class="del">
                                    <div class="del-up"></div>
                                    <div class="del-down"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shop-con">
                    <a href="#" class="checkbox"></a>
                    <div class="shop-info">
                        <a href="#" class="pic">
                            <img src="images/buy-pro1.jpg" alt=""/>
                        </a>
                        <div class="describe">
                            <p class="hw">华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金</p>
                            <p class="price">1000</p>
                            <div class="option">
                                <div class="number">
                                    <span>-</span>
                                    <input type="text"/>
                                    <span>+</span>
                                </div>
                                <div class="del">
                                    <div class="del-up"></div>
                                    <div class="del-down"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shop-con">
                    <a href="#" class="checkbox"></a>
                    <div class="shop-info">
                        <a href="#" class="pic">
                            <img src="images/buy-pro1.jpg" alt=""/>
                        </a>
                        <div class="describe">
                            <p class="hw">华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金</p>
                            <p class="price">1000</p>
                            <div class="option">
                                <div class="number">
                                    <span>-</span>
                                    <input type="text"/>
                                    <span>+</span>
                                </div>
                                <div class="del">
                                    <div class="del-up"></div>
                                    <div class="del-down"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shop-con">
                    <a href="#" class="checkbox"></a>
                    <div class="shop-info">
                        <a href="#" class="pic">
                            <img src="images/buy-pro1.jpg" alt=""/>
                        </a>
                        <div class="describe">
                            <p class="hw">华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金</p>
                            <p class="price">1000</p>
                            <div class="option">
                                <div class="number">
                                    <span>-</span>
                                    <input type="text"/>
                                    <span>+</span>
                                </div>
                                <div class="del">
                                    <div class="del-up"></div>
                                    <div class="del-down"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="shop">
                <div class="shop-title">
                    <a href="#" class="checkbox"></a>
                    <div class="title-right">
                        <span class="jd pull-left"></span>
                        <span class="pull-left ml-10">京东自营</span>
                        <span class="pull-right mr-10 free">您享受满99元免运费服务</span>
                    </div>
                </div>
                <div class="shop-con">
                    <a href="#" class="checkbox"></a>
                    <div class="shop-info">
                        <a href="#" class="pic">
                            <img src="images/buy-pro1.jpg" alt=""/>
                        </a>
                        <div class="describe">
                            <p class="hw">华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金</p>
                            <p class="price">1000</p>
                            <div class="option">
                                <div class="number">
                                    <span>-</span>
                                    <input type="text"/>
                                    <span>+</span>
                                </div>
                                <div class="del">
                                    <div class="del-up"></div>
                                    <div class="del-down"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shop-con">
                    <a href="#" class="checkbox"></a>
                    <div class="shop-info">
                        <a href="#" class="pic">
                            <img src="images/buy-pro1.jpg" alt=""/>
                        </a>
                        <div class="describe">
                            <p class="hw">华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金</p>
                            <p class="price">1000</p>
                            <div class="option">
                                <div class="number">
                                    <span>-</span>
                                    <input type="text"/>
                                    <span>+</span>
                                </div>
                                <div class="del">
                                    <div class="del-up"></div>
                                    <div class="del-down"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shop-con">
                    <a href="#" class="checkbox"></a>
                    <div class="shop-info">
                        <a href="#" class="pic">
                            <img src="images/buy-pro1.jpg" alt=""/>
                        </a>
                        <div class="describe">
                            <p class="hw">华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金</p>
                            <p class="price">1000</p>
                            <div class="option">
                                <div class="number">
                                    <span>-</span>
                                    <input type="text"/>
                                    <span>+</span>
                                </div>
                                <div class="del">
                                    <div class="del-up"></div>
                                    <div class="del-down"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shop-con">
                    <a href="#" class="checkbox"></a>
                    <div class="shop-info">
                        <a href="#" class="pic">
                            <img src="images/buy-pro1.jpg" alt=""/>
                        </a>
                        <div class="describe">
                            <p class="hw">华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金</p>
                            <p class="price">1000</p>
                            <div class="option">
                                <div class="number">
                                    <span>-</span>
                                    <input type="text"/>
                                    <span>+</span>
                                </div>
                                <div class="del">
                                    <div class="del-up"></div>
                                    <div class="del-down"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="shop">
                <div class="shop-title">
                    <a href="#" class="checkbox"></a>
                    <div class="title-right">
                        <span class="jd pull-left"></span>
                        <span class="pull-left ml-10">京东自营</span>
                        <span class="pull-right mr-10 free">您享受满99元免运费服务</span>
                    </div>
                </div>
                <div class="shop-con">
                    <a href="#" class="checkbox"></a>
                    <div class="shop-info">
                        <a href="#" class="pic">
                            <img src="images/buy-pro1.jpg" alt=""/>
                        </a>
                        <div class="describe">
                            <p class="hw">华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金</p>
                            <p class="price">1000</p>
                            <div class="option">
                                <div class="number">
                                    <span>-</span>
                                    <input type="text"/>
                                    <span>+</span>
                                </div>
                                <div class="del">
                                    <div class="del-up"></div>
                                    <div class="del-down"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shop-con">
                    <a href="#" class="checkbox"></a>
                    <div class="shop-info">
                        <a href="#" class="pic">
                            <img src="images/buy-pro1.jpg" alt=""/>
                        </a>
                        <div class="describe">
                            <p class="hw">华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金</p>
                            <p class="price">1000</p>
                            <div class="option">
                                <div class="number">
                                    <span>-</span>
                                    <input type="text"/>
                                    <span>+</span>
                                </div>
                                <div class="del">
                                    <div class="del-up"></div>
                                    <div class="del-down"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shop-con">
                    <a href="#" class="checkbox"></a>
                    <div class="shop-info">
                        <a href="#" class="pic">
                            <img src="images/buy-pro1.jpg" alt=""/>
                        </a>
                        <div class="describe">
                            <p class="hw">华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金</p>
                            <p class="price">1000</p>
                            <div class="option">
                                <div class="number">
                                    <span>-</span>
                                    <input type="text"/>
                                    <span>+</span>
                                </div>
                                <div class="del">
                                    <div class="del-up"></div>
                                    <div class="del-down"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shop-con">
                    <a href="#" class="checkbox"></a>
                    <div class="shop-info">
                        <a href="#" class="pic">
                            <img src="images/buy-pro1.jpg" alt=""/>
                        </a>
                        <div class="describe">
                            <p class="hw">华为（HUAWEI）荣耀平板优享版 Wifi 8英寸平板电脑（高通骁龙 64位四核1280×800 2G/16G 4800mAh）香槟金</p>
                            <p class="price">1000</p>
                            <div class="option">
                                <div class="number">
                                    <span>-</span>
                                    <input type="text"/>
                                    <span>+</span>
                                </div>
                                <div class="del">
                                    <div class="del-up"></div>
                                    <div class="del-down"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 模态框-->
        <div class="winbox">
            <div class="removebox">
                <p>您确定删除这个商品吗？</p>
                <div class="btn-box">
                    <a href="#" class="cancel pull-left">取消</a>
                    <a href="#" class="ok pull-right">确定</a>
                </div>
            </div>
        </div>
    </div>
    <script src="js/cart.js"></script>
</body>
</html>